﻿.slider-wrap{ position:relative; overflow:hidden; height:450px;}
.slider-sub{ position:absolute; top:0; width:100%; height:100%; background-position: center center; background-size: cover; background-repeat: no-repeat;}
.slider-sub .sub-wrap{ width:1280px; height:450px; position:relative; margin:0 auto;}
.slider-wrap a.prev,.slider-wrap a.next{ display:block; width:80px; height:80px; position:absolute; top:50%; margin-top:-40px;}
.slider-wrap a.prev{ left:60px;}
.slider-wrap a.next{ right:60px;}
.slider-wrap a.prev b,.slider-wrap a.next b{ display:block; width:80px; height:80px; position:absolute; top:0; left:0;}
.slider-wrap a.prev:hover b,.slider-wrap a.next:hover b{ background-color:#fff;}
.slider-wrap .slider-pager{ position:absolute; width:100%; bottom:15px; text-align:center; z-index:1000;}
.slider-wrap .slider-pager a{ display:inline-block; *display:inline; *zoom:1; width:12px; height:12px; margin:0 5px; cursor:pointer;}
.slider-wrap .slider-pager a i{ display:block; width:12px; height:12px; *overflow:hidden; background-image:url(images/icon/pager.png);}
/*.slider-wrap .slider-pager a.at i{ background-position:0 -12px;}*/
.slider-wrap .slider-pager a.at i{ background: #0077f9; border-radius: 50%;}
.slider-sub.htgl{ background-color: #062c78; background-image: url(images/htgl.jpg); }
.slider-sub.system{ background-color: #062c78; background-image: url(images/system.jpg);}
.slider-sub.EPC{ background-color: #05516B; background-image: url(images/EPC.jpg);}
.slider-sub.speed{ background-color: #05516B; background-image: url(images/speed.jpg);}
.slider-sub.party { background-color: #05516B; background-image: url(images/party.jpg);}

.slider-sub.zq{  background-image: url(images/zq.jpg);}
.slider-sub.newyear{ background-image:url(images/2024.jpg); background-position:center;}






.slider-sub.rdjc{ background-color: #091e31; background-image: url(images/rdjc.jpg); background-position: center center;}
.slider-sub.rdjc .title{ top:110px;  color:#ffa451; left:500px; font-size:44px;}
.slider-sub.rdjc h3{ top:75px; font-size:26px; line-height:26px; font-weight:bold; width:300px; left:500px;}
.slider-sub.rdjc p{ top:180px; width:500px; left:500px; font-size:14px;}
.slider-sub.rdjc a{ top:300px; left:500px; background:#ffa34e;border-color:#ffa34e}
.slider-sub.rdjc a:hover{ color: #ffa34e; background:none;}

.slider-sub.edu{ background-image:url(images/edu.jpg); background-position:center;}
.slider-sub.edu .title{ color: #316fb0; top: 125px; font-size: 24px; font-weight: normal;}
.slider-sub.edu h2{color: #316fb0; top: 80px; font-size: 34px; letter-spacing: 3px;}
.slider-sub.edu b{ font-size: 44px; letter-spacing: 5px; color: #ffaa2f;}
.slider-sub.edu p{color: #316fb0; top: 200px; width: 500px; font-size: 14px; text-indent: 20px; line-height: 1.5;}
.slider-sub.edu a{ top:300px; left:0; color:#316fb0; border-color:#316fb0;}
.slider-sub.updata-e{ background-image:url(images/updata-8.2-bg.jpg); background-position:center center;}
.slider-sub.updata-e a{ top:300px; left:50%; margin-left:-60px;}

@media screen and (min-width:1650px) {
    .slider-sub .sub-wrap{ width:1440px;}
}